//1. 公用样式
require('../../assets/css/index.less');
require('../../assets/css/basic.less');
require('../../assets/fonts/iconfont.css');
require('../../assets/css/swiper-bundle.css');
// 
//2. 当前页面样式
require('./home.less');

//3. 公用js
let dom = require('../../utils/dom.js');
let local = require('../../utils/local.js');
let https = require('../../utils/https.js');
// 首先检查是否登录
dom.isLogin();

let Swiper=require('../../lib/swiper-bundle.js');
// const { default: axios } = require('axios');

//4. 当前页面的js
dom.ready(function(){
    //自己的写页面js
    // 调用footer
     dom.bMeun('home');
  
  // 配置轮播图
    var mySwiper = new Swiper ('.swiper', {
        direction: 'horizontal', //水平切换选项
        loop: true, // 循环模式选项
        autoplay:true,
        // 如果需要分页器
        pagination: {
          el: '.swiper-pagination',
        },
      })        

// 获取用户信息（排名、打卡、徽章数量）
  function getUserInfo() { 
    https.get('/api/user/info', {}, function (res) { 
      if (res.errno == 0) {
        // local.set('userData', res.data);
        // 渲染到对应页面位置
        
        // 方式一ES5：
        ranking1.innerHTML = res.data.ranking;
        badges1.innerHTML = res.data.badges;
        clockCount1.innerHTML = res.data.clockCount;
  
        // ES6方式：
        // let { ranking, badges, clockCount } = res.data;
        // ranking1.innerHTML = ranking;
        // badges1.innerHTML = badges;
        // clockCount1.innerHTML = clockCount;
      } else { 
        console.log('获取信息失败');
      }
    });
  }
  getUserInfo();

  // 获取打卡信息
  function getUserClock() { 
    https.get('/api/user/clockInInfo', {}, function (res) {
      console.log(res);
      if (res.errno == 0) {
        clockBtn.innerHTML=res.data.isClockIn?'今日已打卡':'今日打卡'
      } else { 
        console.log('获取信息失败');
      }
     });  
  }
  getUserClock();
  // 打卡功能绑定点击事件
  clockBtn.addEventListener('click', function () { 
    https.post('/api/user/clockIn', {}, function (res) {
      // console.log(res);
      if (res.errno == -1) {//打卡失败
        alert(res.message);
        getUserClock();
      } else { 
        alert('打卡成功');//打卡成功
      }
     });
  });

  // 运动数据的跳转
  sport.addEventListener('click', function () { 
    window.location.href='sportData.html'
  });
  
  // 徽章的跳转
  badge.addEventListener('click', function () { 
    window.location.href='mybadge.html'
  });
  
})

